<div id="sign">
    <div class="sign">
        <div class="sign_top_l">
            <a href="#/main.html"><img src="../../images/logo.png"></a>
        </div>
        <div class="sign_top_c">
            <ul myli>
                <li id="VINCode" style="" class="background" value="请输入VIN码">VIN码</li>
                <li id="OEMCode" style="" value="请输入OEM码">OEM</li>
                <li id="CarCode" value="请输入车型名称">车型</li>
                <li id="NoticeCode" value="请输入公告">公告</li>
            </ul>
            <div class="headerInput">
                <div class="searchSum clearfix">
                    <input id="txtVIN" type="text" placeholder="请输入VIN码" ng-keyup="serach($event)" ng-disabled="select=='main.inquirySheet'">
                </div>
                <div class="searchSum clearfix" style="display:none">
                    <input id="txtOEM" ng-model="txtOEM" ng-change="oemChange()" ng-keyup="serach($event)" type="text" placeholder="请输入OEM码" ng-disabled="select=='main.inquirySheet'">
                    <!-- <input type="hidden" name="" id="oemId">
                    <div class="dimCase">
                        <div class="dimCaseList" ng-show="oemShow" ng-mouseenter="oemShow=true" ng-mouseleave="oemShow=false">
                            <div class="dimCaseDetalis" ng-repeat="oem in oemList"><i ng-bind="oem.oemCode" ng-click="takeOem(oem)"></i></div>
                        </div>
                    </div> -->
                </div>
                <div class="searchSum clearfix" style="display:none">
                    <input id="txtCar" ng-model="txtCar" ng-keyup="carChange()" ng-mouseenter="carChange()" ng-keyup="serach($event)" type="text" placeholder="请输入车型名称" ng-disabled="select=='main.inquirySheet'">
                    <div class="dimCase">
                        <div class="dimCaseList" ng-show="carShow" ng-mouseenter="carShow=true" ng-mouseleave="carShow=false">
                            <div class="dimCaseDetalis" ng-repeat="car in carList"><i ng-bind="car.partsName" ng-click="takeCar(car)"></i></div>
                        </div>
                    </div>
                </div>
                <div class="searchSum clearfix" style="display:none">
                    <input id="txtNotice" type="text" placeholder="请输入公告" ng-keyup="serach($event)" ng-disabled="select=='main.inquirySheet'">
                </div>
            </div>
            <span class="searchBtn" ng-click="serach($event)">搜索</span>
        </div>
        <div class="sign_top_r">
            <input type="button" ng-click="inquiry()" value="导入询价单" ng-disabled="select=='main.inquirySheet'">
            <!-- <a >导入询价单</a>-->
        </div>
    </div>
</div>
<div class="top clearfix">
    <div class="nav_box fl">
        <div class="menu">
            <div class="sort">
                <div class="nav_menu">
                    <em></em><span>全部商品分类</span>
                </div>
                <!-- 一二三分类 -->
                <div style="display:none" id="drop" class="">
                    <!-- 側拉start -->
                    <div class="dorpdown" id="categorys-2014">
                        <div id="sumSort" class="dd">
                            <!-- 一级分类 -->
                            <div class="dd-inner">
                                <!--左侧第一个-->
                                <div class="item hover">
                                    <h3>
                                    <em class="side_img cheyouye"></em> 
                                    <a class="side_tit" href="javascript:;">汽车油液</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第二个-->
                                <div class="item fore2">
                                    <h3>
                                    <em class="side_img yisunjian"></em>
                                    <a class="side_tit" href="javascript:;">轮胎</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第三个-->
                                <div class="item fore3">
                                    <h3>
                                    <em class="side_img luntai"></em>
                                    <a class="side_tit" href="javascript:;">养护易损</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第四个-->
                                <div class="item fore4">
                                    <h3>
                                    <em class="side_img dongli"></em>
                                    <a class="side_tit" href="javascript:;">动力传动</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第五个-->
                                <div class="item fore5">
                                    <h3>
                                    <em class="side_img xuanjia"></em>
                                    <a class="side_tit" href="javascript:;">车身中部</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第六个-->
                                <div class="item fore6">
                                    <h3>
                                    <em class="side_img zhidong"></em>
                                    <a class="side_tit" href="javascript:;">电气系统</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第七个-->
                                <div class="item fore7">
                                    <h3>
                                    <em class="side_img zhuanxiang"></em>
                                    <a class="side_tit" href="javascript:;">悬架系统</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第八个-->
                                <div class="item fore8">
                                    <h3>
                                    <em class="side_img qian"></em>
                                    <a class="side_tit" href="javascript:;">制动系统</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第九个-->
                                <div class="item fore9">
                                    <h3>
                                    <em class="side_img zhong"></em>
                                    <a class="side_tit" href="javascript:;">转向系统</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第十个-->
                                <div class="item fore10">
                                    <h3>
                                    <em class="side_img hou"></em>
                                    <a class="side_tit" href="javascript:;">车身前部</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第十一个-->
                                <div class="item fore11">
                                    <h3>
                                    <em class="side_img ding"></em>
                                    <a class="side_tit" href="javascript:;">照明灯具</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第十二个-->
                                <div class="item fore12">
                                    <h3>
                                    <em class="side_img nei"></em>
                                    <a class="side_tit" href="javascript:;">车身后部</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第十三个-->
                                <div class="item fore13">
                                    <h3>
                                    <em class="side_img dianqi"></em>
                                    <a class="side_tit" href="javascript:;">车身内饰</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                                <!--左侧第十四个-->
                                <div class="item fore14">
                                    <h3>
                                    <em class="side_img zhaoming"></em>
                                    <a class="side_tit" href="javascript:;">车身顶部</a>
                                </h3>
                                    <i>&gt;</i>
                                </div>
                            </div>
                            <!-- 二三级分类 -->
                            <ul style="display:none" class="dorpdown-layer" id="index_menus_sub">
                                <li class="item-sub" ng-repeat="classifyOne in sumClassify">
                                    <div class="item-channels">
                                        <div class="channels">
                                            <div ng-hide="classifyOne.goodsAssortmentName=='养护易损'&&classifyTwo.goodsAssortmentName!='保养配件'" class="second clearfix" ng-repeat="classifyTwo in classifyOne.goodsAsssortmentList">
                                                <div class="second_class">
                                                    <a class="fl second_tit" ng-bind="classifyTwo.goodsAssortmentName"></a>
                                                </div>
                                                <div class="threeClass">
                                                    <div class="third_con" ng-repeat="classifyThree in classifyTwo.goodsAsssortmentList">
                                                        <a ng-click="ThreeClassId(classifyThree.goodsAssortmentId,classifyThree.goodsAssortmentParentId,dataoemcodeone[classifyThree.goodsAssortmentId])" ng-bind="classifyThree.goodsAssortmentName" ng-class="{'oemcodetrue':(gray==''?false:(dataoemcodeone[classifyThree.goodsAssortmentId]==undefined))}"></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 側拉end -->
                </div>
            </div>
        </div>
    </div>
    <div class="selectscreen fl">
        <select id="brandOne" ng-model="brandAttr" ng-options="brandN.brandid as brandN.brandname for brandN in brand" ng-change="brandChange()" ng-disabled="select=='main.inquirySheet'">
            <option value="" style="">{{brandName}}</option>
        </select>
        <select id="venderTwo" ng-model="venderAttr" ng-options="venderR.factoryid as venderR.factoryname for venderR in vender" ng-change="venderChange()" ng-disabled="select=='main.inquirySheet'">
            <option value="" style="">{{factoryname}}</option>
        </select>
        <select id="audiThree" ng-model="audiAttr" ng-options="audiII.seriesid as audiII.seriesname for audiII in audi" ng-change="audiChange()" ng-disabled="select=='main.inquirySheet'">
            <option value="" style="">{{seriesname}}</option>
        </select>
        <select id="yearFour" ng-model="carTypeAttr" ng-options="modelYearRR for modelYearRR in modelYear" ng-change="modelYearChange()" ng-disabled="select=='main.inquirySheet'">
            <option value="" style="">{{beginmfyear}}</option>
        </select>
        <input type="hidden" id="partsname" name="">
        <select id="carTypeFive" ng-model="motorcycleE" ng-options="modelYearRR.partsname as modelYearRR.partsname for modelYearRR in motorcycle" ng-click="motorcycleChange(motorcycle)" ng-disabled="select=='main.inquirySheet'">
            <option value="" style="">{{carmodels}}</option>
        </select>
        <input id="partsId" type="hidden" name="">
    </div>
</div>
<div class="top_bottom">
</div>
<div class="navContent clearfix">
    <!-- 已选择车型 -->
    <div class="selectCar">
        <span class="selectCarTit">已选择车型：</span>
        <div class="selectCardetails">
            <ul>
                <li>
                    <span>{{partsname}}</span>
                </li>
            </ul>
        </div>
        <div class="selectCarClear">
            <!--<a href="#" ng-click="clear()" >清除车型</a>-->
            <input type="button" ng-click="clear()" value="清除车型" ng-disabled="select=='main.inquirySheet'">
        </div>
    </div>
</div>
<div class="moveBox" ng-show="upload">
    <div class="mask">
        <!-- 导入询价单excel表格 -->
        <div class="upload">
            <div class="uploadTit">
                <label>文件上传: </label>
                <input type="file" name="file">
            </div>
            <div class="uploadCon">
                <a ng-click="save()" class="Btn upSubmit" href="javascript:;">确定</a>
                <a ng-click="upCancel()" class="Btn upCancel" href="javascript:;">取消</a>
            </div>
            <!-- <button ng-click="save()">保存</button> -->
        </div>
    </div>
</div>
<!-- 这个隐藏域放的是url连接的三级分类ID，在第二个跳转页面里面放的，在selectCar.js里面可以找到 -->
<input type="hidden" id="partsIsecondtrue" value="">
<!-- loading加载效果 -->
<div class="dialogbox" ng-show="spinner">
    <div class="maskDiv"></div>
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>
